<template>
    <view class="containar">
        <view class="titleBox">
            <view class="bigTitle">好车主，中华行|“快、简、暖”升级服务，伴您畅行中华</view>
            <view class="clickCount">点击量:14487</view>
            <view class="createDate">发布日期:2024-08-01 00:00:00</view>
        </view>
        <view class="contentBox">
            <view class="imageBox">
                <img style="width:536.5rpx;height:804rpx;"
                    src="https://minio.91cloudpay.com:4443/file/lxxuanchuanhaibao.jpg" alt="">
            </view>
            <view class="jianjie">
                <view class="cont">
                    <view>中华财险始终以“中华保险、服务</view>
                    <view>中华”为己任，切实践行“客户至上、信守承诺、回报社会”的服务宗旨，持续为广大消费者提供更全面的保险保障，更快速、便捷、暖心的优质服务体验！</view>
                </view>

            </view>
            <view class="imageBox">
                <img style="height:55rpx;" src="https://minio.91cloudpay.com:4443/file/bx-24-8-1-2.png" alt="">
            </view>
            <view class="othercont">
                <view class="cont">
                    <view>为您提供</view>
                    <view><span style="color:rgb(229, 0, 18);font-weight:700;">快、简、暖</span> 的优质服务体验</view>
                    <view>微信关注<span style="color:rgb(229, 0, 18);font-weight:700;">“中华保”小程序</span> </view>
                    <view>贴心服务一键get</view>
                </view>

            </view>
            <view class="styleFont">
                <section style="margin-top: 10px;margin-bottom: 10px;">
                    <section style="display: inline-block;vertical-align: top;background-color: rgb(255, 255, 255);">
                        <section
                            style="display: inline-block;width:400rpx;vertical-align: bottom;margin-bottom: 11px;width: 5px;border-right: 1px solid rgb(229, 0, 18);border-left: 1px solid rgb(229, 0, 18);height: 8px;transform-origin: center bottom;transform: skew(-30deg);border-top-color: rgb(229, 0, 18);border-bottom-color: rgb(229, 0, 18);">
                            <svg viewBox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
                        </section>
                        <section
                            style="display: inline-block;vertical-align: top;padding-left: 10px;padding-right: 5px;font-size: 20px;color: rgb(229, 0, 18);">
                            <p><strong>快</strong></p>
                        </section>
                        <section
                            style="margin-right: 4px;margin-bottom: 4px;display: inline-block;vertical-align: bottom;width: 5px;border-right: 1px solid rgb(229, 0, 18);border-left: 1px solid rgb(229, 0, 18);height: 8px;transform-origin: center bottom;transform: skew(-30deg);border-top-color: rgb(229, 0, 18);border-bottom-color: rgb(229, 0, 18);">
                            <svg viewBox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
                        </section>
                    </section>
                    <section style="position: absolute;top: 48rpx;
    left: 64rpx;height: 12px;width:226rpx;border-top: 1px solid rgb(229, 0, 18);">
                        <svg viewBox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
                    </section>
                    <section
                        style="position: absolute;right:60rpx;top:48rpx;height: 12px;width:226rpx;border-top: 1px solid rgb(229, 0, 18);">
                        <svg viewBox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
                    </section>
                </section>
            </view>
            <view class="imageBox">
                <img style="width:540rpx; height:304rpx;" src="https://minio.91cloudpay.com:4443/file/bx-24-8-1-3.png" alt="">
            </view>
            <view class="othercont" style="text-align:left;padding:0 70rpx;">
                <view class="cont">
                    <view>1. “线上理赔”，赔款<span style="color:rgb(229, 0, 18);font-weight:700;">极速到账</span> </view>
                    <view>2. 10000元以下车险案件，资料齐全当日赔付。</view>
                    <view>3. 5000元以下人伤案件，协商调解直接赔付。</view>
                </view>

            </view>


            <view class="styleFont">
                <section style="margin-top: 10px;margin-bottom: 10px;">
                    <section style="display: inline-block;vertical-align: top;background-color: rgb(255, 255, 255);">
                        <section
                            style="display: inline-block;width:400rpx;vertical-align: bottom;margin-bottom: 11px;width: 5px;border-right: 1px solid rgb(229, 0, 18);border-left: 1px solid rgb(229, 0, 18);height: 8px;transform-origin: center bottom;transform: skew(-30deg);border-top-color: rgb(229, 0, 18);border-bottom-color: rgb(229, 0, 18);">
                            <svg viewBox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
                        </section>
                        <section
                            style="display: inline-block;vertical-align: top;padding-left: 10px;padding-right: 5px;font-size: 20px;color: rgb(229, 0, 18);">
                            <p><strong>简</strong></p>
                        </section>
                        <section
                            style="margin-right: 4px;margin-bottom: 4px;display: inline-block;vertical-align: bottom;width: 5px;border-right: 1px solid rgb(229, 0, 18);border-left: 1px solid rgb(229, 0, 18);height: 8px;transform-origin: center bottom;transform: skew(-30deg);border-top-color: rgb(229, 0, 18);border-bottom-color: rgb(229, 0, 18);">
                            <svg viewBox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
                        </section>
                    </section>
                    <section style="position: absolute;top: 48rpx;
    left: 64rpx;height: 12px;width:226rpx;border-top: 1px solid rgb(229, 0, 18);">
                        <svg viewBox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
                    </section>
                    <section
                        style="position: absolute;right:60rpx;top:48rpx;height: 12px;width:226rpx;border-top: 1px solid rgb(229, 0, 18);">
                        <svg viewBox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
                    </section>
                </section>
            </view>
            <view class="imageBox">
                <img style="width:540rpx; height:304rpx;" src="https://minio.91cloudpay.com:4443/file/bx-24-8-1-4.png" alt="">
            </view>
            <view class="othercont" style="text-align:left;padding:0 70rpx;">
                <view class="cont">
                    <view>1. 电话4001999999、“中华保”微信小程序<span style="color:rgb(229, 0, 18);font-weight:700;">一键投保</span>
                    </view>
                    <view>2. 优质维修推荐，一站修车<span style="color:rgb(229, 0, 18);font-weight:700;">无垫付</span></view>
                    <view>3. 异地出险，全国<span style="color:rgb(229, 0, 18);font-weight:700;">通赔通付</span></view>
                </view>

            </view>




            <view class="styleFont">
                <section style="margin-top: 10px;margin-bottom: 10px;">
                    <section style="display: inline-block;vertical-align: top;background-color: rgb(255, 255, 255);">
                        <section
                            style="display: inline-block;width:400rpx;vertical-align: bottom;margin-bottom: 11px;width: 5px;border-right: 1px solid rgb(229, 0, 18);border-left: 1px solid rgb(229, 0, 18);height: 8px;transform-origin: center bottom;transform: skew(-30deg);border-top-color: rgb(229, 0, 18);border-bottom-color: rgb(229, 0, 18);">
                            <svg viewBox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
                        </section>
                        <section
                            style="display: inline-block;vertical-align: top;padding-left: 10px;padding-right: 5px;font-size: 20px;color: rgb(229, 0, 18);">
                            <p><strong>暖</strong></p>
                        </section>
                        <section
                            style="margin-right: 4px;margin-bottom: 4px;display: inline-block;vertical-align: bottom;width: 5px;border-right: 1px solid rgb(229, 0, 18);border-left: 1px solid rgb(229, 0, 18);height: 8px;transform-origin: center bottom;transform: skew(-30deg);border-top-color: rgb(229, 0, 18);border-bottom-color: rgb(229, 0, 18);">
                            <svg viewBox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
                        </section>
                    </section>
                    <section style="position: absolute;top: 48rpx;
    left: 64rpx;height: 12px;width:226rpx;border-top: 1px solid rgb(229, 0, 18);">
                        <svg viewBox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
                    </section>
                    <section
                        style="position: absolute;right:60rpx;top:48rpx;height: 12px;width:226rpx;border-top: 1px solid rgb(229, 0, 18);">
                        <svg viewBox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
                    </section>
                </section>
            </view>
            <view class="imageBox">
                <img style="width:540rpx; height:304rpx;" src="https://minio.91cloudpay.com:4443/file/bx-24-8-1-5.png" alt="">
            </view>
            <view class="othercont" style="text-align:left;padding:0 70rpx;">
                <view class="cont">
                    <view>1.<span style="color:rgb(229, 0, 18);font-weight:700;">7×24小时</span>全国客服热线<span
                            style="color:rgb(229, 0, 18);font-weight:700;">95585</span>全天守候。
                    </view>
                    <view>2. 个人客户“中华保”<span style="color:rgb(229, 0, 18);font-weight:700;">1对1管家服务</span></view>
                    <view>3. 出单呈送“服务指南”，出险呈送“中华服务卡”。</view>
                    <view>4. “人伤绿色通道”紧急预付，法律协助。</view>
                    <view>5. 全国50公里<span style="color:rgb(229, 0, 18);font-weight:700;">道路救援</span>，200主城区30公里<span
                            style="color:rgb(229, 0, 18);font-weight:700;">代为驾驶</span></view>
                </view>

            </view>
            <view class="styleFont">
                <section style="margin-top: 10px;margin-bottom: 10px;">
                    <section style="display: inline-block;vertical-align: top;background-color: rgb(255, 255, 255);">
                        <section
                            style="display: inline-block;width:400rpx;vertical-align: bottom;margin-bottom: 11px;width: 5px;border-right: 1px solid rgb(229, 0, 18);border-left: 1px solid rgb(229, 0, 18);height: 8px;transform-origin: center bottom;transform: skew(-30deg);border-top-color: rgb(229, 0, 18);border-bottom-color: rgb(229, 0, 18);">
                            <svg viewBox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
                        </section>
                        <section
                            style="display: inline-block;vertical-align: top;padding-left: 10px;padding-right: 5px;font-size: 20px;color: rgb(229, 0, 18);">
                            <p><strong>。。</strong></p>
                        </section>
                        <section
                            style="margin-right: 4px;margin-bottom: 4px;display: inline-block;vertical-align: bottom;width: 5px;border-right: 1px solid rgb(229, 0, 18);border-left: 1px solid rgb(229, 0, 18);height: 8px;transform-origin: center bottom;transform: skew(-30deg);border-top-color: rgb(229, 0, 18);border-bottom-color: rgb(229, 0, 18);">
                            <svg viewBox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
                        </section>
                    </section>
                    <section style="position: absolute;top: 48rpx;
    left: 64rpx;height: 12px;width:226rpx;border-top: 1px solid rgb(229, 0, 18);">
                        <svg viewBox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
                    </section>
                    <section
                        style="position: absolute;right:60rpx;top:48rpx;height: 12px;width:226rpx;border-top: 1px solid rgb(229, 0, 18);">
                        <svg viewBox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
                    </section>
                </section>
            </view>
            <view style="height:64rpx;"></view>
            <view style="height:64rpx;"></view>
            <section>
                <section style="display: inline-block;vertical-align: top;">
                    <section
                        style="margin-bottom: -12rpx;line-height: 1em;padding-left: 4rpx;padding-right: 4rpx;font-size: 36rpx;letter-spacing: 4rpx;">
                        <p><strong>服务升级，暖心为您</strong></p>
                    </section>
                    <section style="width: 100%;height: 20rpx;background-color: rgba(229, 0, 18, 0.5);"><svg
                            viewBox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
                    </section>
                </section>
            </section>
            <section style="margin-top: 40rpx;margin-bottom: 20rpx;">
                <section style="color: rgb(62, 62, 62);text-align:center;line-height:2;">
                    <view>优质的服务，来自不断的自我提升</view>
                    <view>我们的工作，欢迎您的监督和指导</view>
                    <view>欢迎对我们的服务进行监督</view>
                    <view>我们将竭诚为您服务</view>
                </section>
            </section>
            <view class="imageBox">
                <img style="width:540rpx; height:304rpx;" src="https://minio.91cloudpay.com:4443/file/bx-24-8-1-6.png" alt="">
            </view>
            <section style="color: rgb(62, 62, 62);text-align:left;line-height:2;padding:0 86rpx ;">
                中华联合财产保险股份有限公司始创于1986年7月15日，2002年,经国务院批复同意,冠名“中华”,成为全国唯一一家以“中华”冠名的国有控股保险公司。中华财险，服务中华，服务时刻在您身边。
            </section>
            <section>
                <section style="display: inline-block;vertical-align: top;padding:64rpx 0;">
                    <section
                        style="margin-bottom: -12rpx;line-height: 1em;padding-left: 4rpx;padding-right: 4rpx;font-size: 36rpx;letter-spacing: 4rpx;">
                        <p><strong>服务监督热线</strong></p>
                    </section>
                    <section style="width: 100%;height: 20rpx;background-color: rgba(229, 0, 18, 0.5);"><svg
                            viewBox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;"></svg>
                    </section>
                </section>
            </section>

            <view class="imageBox">
                <img style="width:604rpx; height:1284rpx;" src="https://minio.91cloudpay.com:4443/file/bx-24-8-1-7.png" alt="">
            </view>


            <view style="color: rgb(62, 62, 62);text-align:center;line-height:2;font-weight:700;">
                <view><span style="color: rgb(229, 0, 18);">—— 公司热线&nbsp;——</span><br></view>
                <view><span style="color: rgb(229, 0, 18);"><span>95585</span></span></view>
                <view>24小时全面畅通</view>
                <view><br></view>
                <view><span style="color: rgb(229, 0, 18);"><span>—— 公司微信 ——</span></span></view>
                <view><span style="color: rgb(229, 0, 18);"><span>CIC_95585</span></span></view>
                <view>在线聆听客户需求</view>
                <view><br></view>
                <view><span><span style="color: rgb(229, 0, 18);">—— 公司网址 ——</span></span></view>
            </view>
            <view class="imageBox">
                <img style="width:380rpx; height:112rpx;" src="https://minio.91cloudpay.com:4443/file/bx-24-8-1-8.gif" alt="">
            </view>
            <view style="color: rgb(62, 62, 62);text-align:center;line-height:2;font-weight:700;">
                <view>理赔便捷查询</view>
                <view><br></view>
                <view><span style="color: rgb(229, 0, 18);"><span>—— 中华保，一键享权 ——</span></span></view>
            </view>
            <view class="imageBox">
                <img style="width:350rpx; height:336rpx;" src="https://minio.91cloudpay.com:4443/file/bx-24-8-1-9.png" alt="">
            </view>
            <view style="color: rgb(102, 102, 102);line-height: 1.6;text-align:center;padding-bottom:40rpx;">
                <view>长按识别二维码</view>
                <view>进入“中华保”小程序</view>
            </view>
        </view>

    </view>
</template>
<script>

export default {
    data() {

        return {
            content: ""
            // content: "<p><img src=\"https://yssapp.oss-cn-chengdu.aliyuncs.com/publish/1.png\"><img src=\"https://yssapp.oss-cn-chengdu.aliyuncs.com/publish/2.png\"><img src=\"https://yssapp.oss-cn-chengdu.aliyuncs.com/publish/4.png\"><img src=\"https://yssapp.oss-cn-chengdu.aliyuncs.com/publish/6.png\"><img src=\"https://yssapp.oss-cn-chengdu.aliyuncs.com/publish/8.png\"><img src=\"https://yssapp.oss-cn-chengdu.aliyuncs.com/publish/9.png\"><img src=\"https://yssapp.oss-cn-chengdu.aliyuncs.com/publish/10.png\"></p>"
        }
    },
    methods: {

    },
    onLoad() {
    }
}

</script>
<style lang="scss" scoped>
.containar {
    padding: 40rpx 40rpx;
    background: #fff;

    .titleBox {
        .bigTitle {
            font-size: 44rpx;
            line-height: 1.4;
            margin-bottom: 28rpx;
        }

        .clickCount {
            font-size: 28rpx;
            color: #999;
            margin-bottom: 24rpx;
        }

        .createDate {
            font-size: 32rpx;
            color: #333;
            margin-bottom: 24rpx;
        }
    }

    .contentBox {
        width: 100%;
        box-shadow: rgba(153, 153, 153, 0.25) 0px 0px 4px 2px;

        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-top: 20rpx;
        margin-bottom: 20rpx;

        .imageBox {
            margin-top: 40rpx;
            margin-bottom: 40rpx;
            visibility: visible;
            text-align: justify;
            padding-right: 50rpx;
            padding-left: 50rpx;
            color: rgb(62, 62, 62);
            visibility: visible;
        }

        .jianjie {
            width: 572rpx;
            // flex: 0 0 auto;
            height: auto;
            background-color: rgba(153, 153, 153, 0.15);

            .cont {
                margin-top: 40rpx;
                margin-bottom: 40rpx;
                padding: 0 30rpx;
                font-weight: 700;
                text-align: center;

                view {
                    color: rgb(62, 62, 62);
                    font-size: 16px;
                    letter-spacing: 0.578px;
                    text-wrap: wrap;
                    line-height: 2;
                }
            }


        }

        .othercont {
            margin-top: 40rpx;
            margin-bottom: 40rpx;
            padding: 0 30rpx;
            text-align: center;

            view {
                color: rgb(62, 62, 62);
                font-size: 16px;
                letter-spacing: 0.578px;
                text-wrap: wrap;
                line-height: 2;
            }
        }

        .styleFont {
            position: relative;
            width: 100%;
            display: flex;
            justify-content: center;
        }
    }
}
</style>